/* 把我们所有标签的内外边距清零 */
* {
  margin: 0;
  padding: 0;
  /* css3盒子模型 */
  box-sizing: border-box;
}
/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal;
}
/* 去掉li 的小圆点 */
li {
  list-style: none;
}
img {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle;
}
button {
  /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
  cursor: pointer;
}
/* 将页面中所有的a的下划线清除 */
a {
  text-decoration: none;
}
button,
input {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  font-family: "Microsoft YaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB", "\5B8B\4F53", sans-serif;
  /* 默认有灰色边框我们需要手动去掉 */
  border: 0;
  outline: none;
}
body {
  /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  color: #666;
}
/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.sin-line {
  /* 第一步：让文字强制一行显示 */
  white-space: nowrap;
  /* 第二步：溢出隐藏 */
  overflow: hidden;
  /* 第三步：溢出的内容省略号显示 */
  text-overflow: ellipsis;
}
.mu-row {
  /* 允许单词内换行 */
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 开启盒子的弹性布局 */
  display: -webkit-box;
  /* 控制第几行出现省略号 */
  -webkit-line-clamp: 2;
  /* 设置子元素从上向下垂直排列 */
  -webkit-box-orient: vertical;
}
body {
  background-color: #fcfcfc;
}
.nav {
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1.22666667rem;
  padding: 0 0.4rem;
  background-color: #fff;
}
.nav a {
  display: block;
  width: 1.6rem;
  line-height: 1.22666667rem;
  font-size: 0.42666667rem;
  color: #333;
}
.nav .search {
  flex: 1;
}
.nav .search .content {
  display: flex;
  align-items: center;
  width: 6.66666667rem;
  border-radius: 0.42666667rem;
  background: rgba(0, 0, 0, 0.2);
}
.nav .search .content .search-icon {
  margin-left: 0.42666667rem;
}
.nav .search .content .search-icon img {
  width: 0.53333333rem;
  height: 0.53333333rem;
}
.nav .search .content span {
  margin-left: 0.13333333rem;
  font-size: 0.32rem;
}
.nav .news {
  width: 1.33333333rem;
}
.nav .news img {
  margin-left: 0.13333333rem;
  width: 0.53333333rem;
  height: 0.53333333rem;
}
.banner {
  margin-top: 1.44rem;
}
.banner .pic {
  width: 9.2rem;
  height: 3.46666667rem;
  margin: 0 auto;
  border-radius: 0.48rem;
}
.banner .pic img {
  width: 100%;
  height: 100%;
}
.tenancy {
  display: flex;
  justify-content: space-between;
  height: 1.86666667rem;
  margin: 0.85333333rem 0.4rem 0.69333333rem;
}
.tenancy .left {
  width: 4.48rem;
  border-radius: 0.21333333rem;
}
.tenancy .left img {
  width: 100%;
  height: 100%;
}
.tenancy .right {
  width: 4.48rem;
  background-color: #087;
  border-radius: 0.21333333rem;
}
.tenancy .right img {
  width: 100%;
  height: 100%;
}
.preferential {
  margin: 0 0.4rem;
}
.preferential .preferential-top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.53333333rem;
}
.preferential .preferential-top h4 {
  color: #333;
  font-size: 0.48rem;
}
.preferential .preferential-top a img {
  width: 0.32rem;
  height: 0.53333333rem;
}
.preferential .preferential-botton {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.8rem;
}
.preferential .preferential-botton .left .pic {
  width: 4.50666667rem;
  height: 3.06666667rem;
  border-radius: 0.21333333rem;
}
.preferential .preferential-botton .left .pic img {
  width: 100%;
  height: 100%;
}
.preferential .preferential-botton .left h4 {
  font-size: 0.42666667rem;
  color: #333;
  padding-top: 0.26666667rem;
}
.preferential .preferential-botton .left p {
  font-size: 0.37333333rem;
  padding: 0.08rem 0;
}
.preferential .preferential-botton .left p.price {
  color: #f39800;
}
.preferential .preferential-botton .right .pic {
  width: 4.50666667rem;
  height: 3.06666667rem;
  border-radius: 0.21333333rem;
  background-color: #087;
}
.preferential .preferential-botton .right .pic img {
  width: 100%;
  height: 100%;
}
.preferential .preferential-botton .right h4 {
  font-size: 0.42666667rem;
  color: #333;
  padding-top: 0.26666667rem;
}
.preferential .preferential-botton .right p {
  font-size: 0.37333333rem;
  padding: 0.08rem 0;
}
.preferential .preferential-botton .right p.price {
  color: #f39800;
}
.ad {
  width: 100%;
  padding: 0 0.4rem;
  height: 1.49333333rem;
}
.ad img {
  width: 100%;
  height: 100%;
}
.sell {
  width: 100%;
  margin-top: 0.96rem;
}
.sell .sell-top {
  display: flex;
  justify-content: space-between;
  padding: 0 0.4rem;
}
.sell .sell-top h4 {
  font-size: 0.48rem;
  color: #333;
}
.sell .sell-top .right a {
  font-size: 0.42666667rem;
  color: #999;
}
.sell .sell-top .right a.one {
  color: #333;
  border-bottom: 1px solid #1ca8f1;
}
.sell .sell-botton {
  padding: 0 0.4rem;
  margin-top: 0.64rem;
}
.sell .sell-botton ul li {
  display: flex;
  min-height: 2.13333333rem;
  background-color: #fff;
  margin-bottom: 0.48rem;
}
.sell .sell-botton ul li .pic {
  width: 2.93333333rem;
  height: 2.13333333rem;
  margin-right: 0.42666667rem;
}
.sell .sell-botton ul li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.sell .sell-botton ul li .right h4 {
  font-size: 0.42666667rem;
  color: #333;
}
.sell .sell-botton ul li .right p {
  font-size: 0.32rem;
  padding-top: 0.10666667rem;
}
.sell .sell-botton ul li .right p span {
  border: 1px solid #666;
}
.sell .sell-botton ul li .right p span.one {
  margin-right: 0.26666667rem;
}
.sell .sell-botton ul li .right p i {
  font-size: 0.37333333rem;
}
.sell .sell-botton ul li .right p.slh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sell .sell-botton ul li .right p.ys {
  color: #f39800;
}
.look {
  display: block;
  min-height: 1.01333333rem;
  width: 6.93333333rem;
  text-align: center;
  line-height: 1.01333333rem;
  background: rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  color: #999;
  font-size: 0.42666667rem;
  border-radius: 0.42666667rem;
}
.story {
  width: 100%;
  padding: 0 0.4rem;
}
.story a {
  display: block;
  margin-top: 0.64rem;
  padding-bottom: 0.32rem;
}
.story a img {
  width: 100%;
}
.box {
  margin-bottom: 1.33333333rem;
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  height: 1.33333333rem;
  border-top: 1px solid #999;
  background-color: #fff;
}
.footer ul {
  display: flex;
  align-items: center;
  height: 1.33333333rem;
}
.footer ul li {
  flex: 1;
  text-align: center;
}
.footer ul li .one {
  color: #333;
}
.footer ul li a {
  color: #999;
}
.footer ul li a span {
  font-size: 0.53333333rem;
}
.footer ul li a .txt {
  font-size: 0.32rem;
}
